<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米商城商品详情</title>
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/shangpinxiangqing.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
	</head>

	<body>
		<div id="header">
			<div id="headermain">
				<ul class="fl">
					<li>
						<a href="#">小米商城</a><span>|</span>
					</li>
					<li>
						<a href="#">MUI</a><span>|</span>
					</li>
					<li>
						<a href="#">米聊</a><span>|</span>
					</li>
					<li>
						<a href="#">游戏</a><span>|</span>
					</li>
					<li>
						<a href="#">多看阅读</a><span>|</span>
					</li>
					<li>
						<a href="#">云服务</a><span>|</span>
					</li>
					<li>
						<a href="#">金融</a><span>|</span>
					</li>
					<li>
						<a href="#">小米商城移动版</a><span>|</span>
					</li>
					<li>
						<a href="#">问题反馈</a><span>|</span>
					</li>
					<li>
						<a href="#">Select Region</a>
					</li>
				</ul>

				<ul class="fr">
					<li>
						<a href="login.html">登录</a><span>|</span>
						<a href="register.html">注册</a>
					</li>
					<li style="padding-right: 25px;">
						<a href="#">消息通知</a>
					</li>
					<li class="lispecial">
						<a href="carbubble.html">购物车（0）</a>
						<div class="lihover1">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="main">
			<div id="nav">
				<div class="logo fl">
					<img src="img/SY/logo.png" title="小米商城" /> <span style="float: right;margin-top: 0px;margin-right: 20px;">全部商品分类</span>
				</div>
				<ul class="fl">
					<li onmouseover="showproduct('titlehover-main1')">
						<a href="#">小米手机</a>
					</li>
					<li onmouseover="showproduct('titlehover-main2')">
						<a href="#">红米</a>
					</li>
					<li onmouseover="showproduct('titlehover-main3')">
						<a href="#">平板 . 笔记本</a>
					</li>
					<li onmouseover="showproduct('titlehover-main4')">
						<a href="#">电视</a>
					</li>
					<li onmouseover="showproduct('titlehover-main5')">
						<a href="#">盒子 .影音</a>
					</li>
					<li onmouseover="showproduct('titlehover-main6')">
						<a href="#">路由器</a>
					</li>
					<li onmouseover="showproduct('titlehover-main7')">
						<a href="#">智能硬件</a>
					</li>
					<li>
						<a href="#">服务</a>
					</li>
					<li>
						<a href="#">社区</a>
					</li>
				</ul>
				<div class="search fr">
					<input type="text" name="" id="" value="小米6  小米MX现货" class="searchtxt" />
					<input type="button" name="" id="" value="" class="searchbtn" />
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div id="xiangqingnav">
			<div class="xiangqingnav-main">
				<div class="xiangqing-pic fl">
					<img src="img/search/pms_1496647119.81414190!68x68.jpg"/><div class="fr"style="margin-top: 10px;">
						飞利浦智睿球泡灯<br /><span style="color: #FF6700;font-size: 12px;">49元</span>
					</div>
				</div>
				<div class="xiangqing-title fl">
					<ul>
						<li>
					<a href="javascript:;" style="color: #FF6700;" onclick="show4(this)">详情信息</a>
				</li>
				<li>|</li>
				<li>
					<a href="javascript:;" onclick="show5(this)">规格参数</a>
				</li>
				<li>|</li>
				<li>
					<a href="#pingjia">评价晒单(154)</a>
				</li>
				<li>|</li>
				<li>
					<a href="#wenti">商品提问(11)</a>
				</li>
				<li>|</li>
					</ul>
				</div>
				<div class="jiacart fr">
					<img src="img/search/showcart.png"/>
				</div>
			</div>
		</div>
		<div id="titlehover" onmouseleave="closeproduct()">
			<ul id="titlehover-main1">
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/xm6-320.png" width="160px" />
					</div>
					<p>
						<a href="#">小米6</a>
					</p>
					<p class="price">2499元起</p>
				</li>
				<li>
					<span id="biaoqian">
							现货
						</span>
					<div class="picture">
						<img src="img/search/max2_toubu.png" width="160px" />
					</div>
					<p>
						<a href="#">小米Max 2</a>
					</p>
					<p class="price">1699元起</p>
				</li>
				<li>
					<span id="biaoqian">
							下单立减300
						</span>
					<div class="picture">
						<img src="img/search/xiaomiNOTE2-320-220!160x110.jpg" width="160" px/>
					</div>
					<p>
						<a href="#">小米Note 2</a>
					</p>
					<p class="price">2799元起</p>
				</li>
				<li>
					<span id="biaoqian">
							特惠250
						</span>
					<div class="picture">
						<img src="img/search/MIX-320-220!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米MIX</a>
					</p>
					<p class="price">3499元起</p>
				</li>
				<li>
					<span id="biaoqian">
							下单立减200
						</span>
					<div class="picture">
						<img src="img/search/mi5s-320.png" width="160px" />
					</div>
					<p>
						<a href="#">小米5s</a>
					</p>
					<p class="price">1999元</p>
				</li>
				<li>
					<span id="biaoqian">
							立减200
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/320-2202!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米手机5c</a>
					</p>
					<p class="price">1299元</p>
				</li>
			</ul>
			<ul id="titlehover-main2">
				<li>
					<span id="biaoqian">
							热卖
						</span>
					<div class="picture">
						<img src="img/search/hmn4xtb!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">红米Note 4X</a>
					</p>
					<p class="price">999元起</p>
				</li>
				<li>
					<span id="biaoqian">
							热卖
						</span>
					<div class="picture">
						<img src="img/search/hm4x!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">红米4X</a>
					</p>
					<p class="price">699元起</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/320-2202!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">红米4</a>
					</p>
					<p class="price">799元起</p>
				</li>
			</ul>
			<ul id="titlehover-main3">
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture">
						<img src="img/search/mipad3_320.png" width="160px" />
					</div>
					<p>
						<a href="#">小米平板3 64GB</a>
					</p>
					<p class="price">1499元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture">
						<img src="img/search/bijiben32012.5!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米笔记本Air 12.5"</a>
					</p>
					<p class="price">3599元起</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/bijiben320!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米笔记本Air 13.3"</a>
					</p>
					<p class="price">4799元起</p>
				</li>
			</ul>
			<ul id="titlehover-main4">
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/xmds_49.png" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4 49英寸</a>
					</p>
					<p class="price">3499元</p>
				</li>
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/xmds_55.png" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4.55英寸</a>
					</p>
					<p class="price">4299元</p>
				</li>
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/daohang.png" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4A 32英寸</a>
					</p>
					<p class="price">1099元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture">
						<img src="img/search/320_43.png" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4 43英寸</a>
					</p>
					<p class="price">1899元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						
						</span>
					<div class="picture">
						<img src="img/search/320_49.png" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4A 49英寸</a>
					</p>
					<p class="price">2299元起</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/70dianshi.png" width="160px" />
					</div>
					<p>
						<a href="#">查看全部</a>
					</p>
					<p>小米电视</p>
				</li>
			</ul>
			<ul id="titlehover-main5">
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/mihezi.png" width="160px" />
					</div>
					<p>
						<a href="#">小米盒子3S</a>
					</p>
					<p class="price">299元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
							
						</span>
					<div class="picture">
						<img src="img/search/mihezi.png" width="160px" />
					</div>
					<p>
						<a href="#">小米盒子3c</a>
					</p>
					<p class="price">199元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/hezi3s!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米电视4A 32英寸</a>
					</p>
					<p class="price">1099元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/320x220.png" width="160px" />
					</div>
					<p>
						<a href="#">小米家庭影院</a>
					</p>
					<p class="price">1999元</p>
				</li>
			</ul>
			<ul id="titlehover-main6">
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/HD-Pro.png" width="160px" />
					</div>
					<p>
						<a href="#">小米路由器HD/Pro</a>
					</p>
					<p class="price">499元起</p>
				</li>
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/3G.png" width="160px" />
					</div>
					<p>
						<a href="#">小米路由器3G</a>
					</p>
					<p class="price">249元</p>
				</li>
				<li>
					<span id="biaoqian">
							包邮
						</span>
					<div class="picture">
						<img src="img/search/xmlyq3.png" width="160px" />
					</div>
					<p>
						<a href="#">小米路由器 3</a>
					</p>
					<p class="price">149元</p>
				</li>
				<li>
					<span id="biaoqian">
						    包邮
						</span>
					<div class="picture" style="border: none;">
						<img src="img/search/3C.png" width="160px" />
					</div>
					<p>
						<a href="#">小米路由器3c</a>
					</p>
					<p class="price">99元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/dlm01.png" width="160px" />
					</div>
					<p>
						<a href="#">小米WiFi电力猫</a>
					</p>
					<p class="price">249元起</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/fdq2!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米WiFi放大器2</a>
					</p>
					<p class="price">49元起</p>
				</li>
			</ul>
			<ul id="titlehover-main7">
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/tzc320!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米体脂机</a>
					</p>
					<p class="price">199元</p>
				</li>
				<li>
					<span id="biaoqian">
							包邮
						</span>
					<div class="picture">
						<img src="img/search/sh2-320-220.png" width="160px" />
					</div>
					<p>
						<a href="#">小米手环2</a>
					</p>
					<p class="price">149元</p>
				</li>
				<li>
					<span id="biaoqian">
							新品
						</span>
					<div class="picture">
						<img src="img/search/jsqcs-320-220.png" width="160px" />
					</div>
					<p>
						<a href="#">小米净水器</a>
					</p>
					<p class="price">1499元起</p>
				</li>
				<li>
					<span id="biaoqian">
						    新品
						</span>
					<div class="picture">
						<img src="img/search/xmvrplay2.png" width="160px" />
					</div>
					<p>
						<a href="#">小米VR眼镜 PLAY2</a>
					</p>
					<p class="price">99元</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/dfb!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">小米IH电饭煲</a>
					</p>
					<p class="price">399元起</p>
				</li>
				<li>
					<span id="biaoqian" style="border: none;">
						</span>
					<div class="picture">
						<img src="img/search/air2!160x110.jpg" width="160px" />
					</div>
					<p>
						<a href="#">查看全部</a>
					</p>
					<p class="price">智能硬件</p>
				</li>
			</ul>
		</div>
		<div id="xq-nav">
			<ul>
				<li>
					<a href="#">首页</a>
				</li>
				<li style="margin: 0px 5px;">/</li>
				<li>
					<a href="#">配件</a>
				</li>
				<li style="margin: 0px 5px;">/</li>
				<li>
					<a href="#">智能灯泡</a>
				</li>
				<li style="margin: 0px 5px;">/</li>
				<li>
					<a href="#">飞利浦智睿球泡灯</a>
				</li>
			</ul>
		</div>
		<div id="xqlist">
			<div class="littlepic">
				<ul>
					<li onclick="showpicture('bigpic1',this)" style="border-color: #FF6700;"><img src="img/spxq/pms_1496647119.81414190!60x60.jpg" /></li>
					<li onclick="showpicture('bigpic2',this)"><img src="img/spxq/pms_1496647122.3582338!60x60.jpg" /></li>
					<li onclick="showpicture('bigpic3',this)"><img src="img/spxq/pms_1496647119.71529790!60x60.jpg" /></li>
				</ul>
			</div>
			<div class="bigpic">
				<ul>
					<li id="bigpic1" style="display: block;" onclick="showpic('bigimg1')"><img src="img/spxq/pms_1496647119.81414190!482x482.jpg" width="450px" height="450px" /></li>
					<li id="bigpic2" onclick="showpic('bigimg2')"><img src="img/spxq/pms_1496647122.3582338!482x482.jpg" width="450px" height="450px" /></li>
					<li id="bigpic3" onclick="showpic('bigimg3')"><img src="img/spxq/pms_1496647119.71529790!482x482.jpg" width="450px" height="450px" /></li>
				</ul>
			</div>
			<div class="list">
				<ul>
					<li class="lititle">飞利浦智睿球泡灯</li>
					<li class="lijieshao">自由调节亮度及色温/传统白炽灯外形/Wi-F随时随地操控/多个灯</li>
					<li class="lijieshao">泡和吸顶灯组网控制</li>
					<li>
						<div class="address" onclick="showaddr()">
							<span style="color: #F87300;">有货</span> | 北京 北京市 东城区
							<img src="img/spxq/ODS19`X9WKJ~JJKVI}`X{ZI.png" style="margin: 20px 10px 0px 200px;" onclick="showaddr()" />
						</div>
					</li>
					<li>
						<hr width="422px" color="#E0E0E0" />
					</li>
					<li class="price">
						<span style="font-size: 28px;font-weight: bold;">49</span>元
					</li>
					<li>
						<hr width="422px" color="#E0E0E0" />
					</li>
					<li><span class="cart"></span><span class="love"></span></li>
					<li class="suport"> 支持7天无理由退款</li>
					<li>
						<hr width="422px" color="#E0E0E0" />
					</li>
					<li style="height: 38px;"></li>
					<li>
						<hr width="422px" color="#E0E0E0" />
					</li>
					<li onmouseover="show1()" onmouseleave="show3()">
						<a href="#" id="zn">查看更多智能灯泡</a>
					</li>
				</ul>
			</div>

		</div>
		<div id="showpic">
			<div class="showpic-black">
				x
			</div>
			<div class="nav-prve">
				<a href="javascript:;" class="left-prve"></a>
				<a href="javascript:;" class="right-prve"> </a>
			</div>
			<div class="bigimg">
				<ul>
					<li id="bigimg1" style="display: block;"><img src="" width="450px" height="450px" id="showimg1" /></li>
					<li id="bigimg2"><img src="" width="450px" height="450px" id="showimg2" /></li>
					<li id="bigimg3"><img src="" width="450px" height="450px" id="showimg3" /></li>
				</ul>
			</div>
			<div class="show-littlepic">
				<div class="littlepic1" style="border: 1px solid #FF6700;">
					<img src="img/spxq/pms_1496647119.81414190!60x60.jpg" />
				</div>
				<div class="littlepic2">
					<img src="img/spxq/pms_1496647122.3582338!60x60.jpg" />
				</div>
				<div class="littlepic3">
					<img src="img/spxq/pms_1496647119.71529790!60x60.jpg" />
				</div>
			</div>
		</div>
		<div id="showaddr" onmouseout="closeproduct()">
			<div class="showad">
				<input type="button" name="" id="" value="x" class="back" />
				<div class="tab">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr height="78px">
							<td width="30px"></td>
							<td valign="bottom" align="right" width="300px"><input type="text" name="" id="addrestxt" placeholder="输入街道、 乡镇、小区或商圈名称" /></td>
						</tr>
						<tr height="36px">
							<td></td>
							<td align="right" class="autochoose">手动选择地址></td>
						</tr>

						<tr>
							<td></td>
							<td height="30px" valign="top">
								<hr color="#B0B0B0" size="1" /> </td>
							<td></td>
						</tr>
					</table>
					<div id="tfoot">
						<table border="0" cellspacing="0" cellpadding="0" width="100%">
							<tr height="30px">
								<td width="30px"></td>
								<td align="left" class="myaddr" valign="top">我的收获地址</td>
								<td width="30px"></td>
							</tr>
							<tr height="70px">
								<td></td>
								<td style="color: #333333;font-size: 14px;" align="center" valign="top">现在<span class="autochoose">登录</span>，可根据收货地址快速定位 </td>
								<td></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="addrxq">
					<div class="addrxq-title">
						选择省份/自治区
					</div>
					<div class="addr-body">
						<p>
							<a href="#">北京</a>
							<a href="#">天津</a>
							<a href="#">河北</a>
							<a href="#">山西</a>
							<a href="#">内蒙古</a>
							<a href="#">辽宁</a>
							<a href="#">吉林</a>
						</p>
						<p>
							<a href="#">黑龙江</a>
							<a href="#">上海</a>
							<a href="#">江苏</a>
							<a href="#">浙江</a>
							<a href="#">安徽</a>
							<a href="#">福建</a>
							<a href="#">江西</a>
							<a href="#">山东</a>
						</p>
						<p>
							<a href="#">河南</a>
							<a href="#">湖北</a>
							<a href="#">湖南</a>
							<a href="#">广东</a>
							<a href="#">广西</a>
							<a href="#">海南</a>
							<a href="#">重庆</a>
							<a href="#">四川</a>
						</p>
						<p>
							<a href="#">贵州</a>
							<a href="#">云南</a>
							<a href="#">西藏</a>
							<a href="#">陕西</a>
							<a href="#">甘肃</a>
							<a href="#">青海</a>
							<a href="#">宁夏</a>
							<a href="#">新疆</a>
						</p>
					</div>
					<div class="addrxq-foot">
						搜索附近地址>
					</div>
				</div>
			</div>
		</div>
		<div id="content">
			<ul class="contentlist">
				<li>
					<a href="javascript:;" style="color: #FF6700;" onclick="show4(this)">详情信息</a>
				</li>
				<li>|</li>
				<li>
					<a href="javascript:;" onclick="show5(this)">规格参数</a>
				</li>
				<li>|</li>
				<li>
					<a href="#pingjia">评价晒单(154)</a>
				</li>
				<li>|</li>
				<li>
					<a href="#wenti">商品提问(11)</a>
				</li>
				<li>|</li>
			</ul>
		</div>
		<div style="clear: both;"></div>
		<div id="imgcontent">
			<ul id="imglist">
				<li><img src="img/spxq/flpqpdgai_01.jpg" /></li>
				<li><img src="img/spxq/flpqpd_02.jpg" /></li>
				<li><img src="img/spxq/flpqpd_03.jpg" /></li>
				<li><img src="img/spxq/flpqpd_04.jpg" /></li>
				<li><img src="img/spxq/flpqpd_05.jpg" /></li>
				<li><img src="img/spxq/flpqpd_06.jpg" /></li>
				<li><img src="img/spxq/flpqpd_07.jpg" /></li>
				<li><img src="img/spxq/flpqpd_08.jpg" /></li>
				<li><img src="img/spxq/flpqpd_09.jpg" /></li>
				<li><img src="img/spxq/flpqpd_10.jpg" /></li>
				<li><img src="img/spxq/flpqpd_11.jpg" /></li>
			</ul>
			<table border="0" cellspacing="0" cellpadding="0" width="1227px" style="margin: 0px auto;" id="tab1">
				<tr height="36px" bgcolor="#F5F5F5"></tr>
				<tr height="35px" bgcolor="#F5F5F5">
					<td width="464px">
						<hr color="#B0B0B0" size="1" />
					</td>
					<td width="300px" align="center" style="font-size: 30px;color: #B0B0B0;">规格参数</td>
					<td width="460px">
						<hr color="#B0B0B0" size="1" />
					</td>
				</tr>
				<tr height="25px" bgcolor="#F5F5F5">
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<table border="0" cellspacing="0" cellpadding="0" width="1227px" style="margin: 0px auto;background-color: white;font-size: 14px;" id="tab2">
				<tr height="66px" valign="bottom" style="text-indent: 60px;" align="left">
					<td width="220px" rowspan="4"><img src="img/spxq/pms_1496647119.81414190!180x180.jpg" /></td>
					<td width="260px">工作电压：220-240VAC</td>
					<td width="320px">光通量：450lm</td>
					<td>色温：3000k-5700k</td>
				</tr>
				<tr height="50px" valign="bottom" style="text-indent: 60px;" align="left">
					<td>尺寸：60.5x109.1mm</td>
					<td>寿命：15000小时</td>
					<td>额定功率：6.5w（6颗x0.37W CW+6颗
						<p>x0.37W WWW/LED模块</p>
					</td>
				</tr>
				<tr height="50px" valign="bottom" style="text-indent: 60px;" align="left">
					<td>灯具接口：E27</td>
					<td>通信方式：IEEE 802.11 b/g/n 2.4G</td>
					<td>颜色：白色</td>
				</tr>
				<tr height="50px" valign="bottom" style="text-indent: 60px;" style="text-indent: 60px;" align="left">
					<td>商品编号：1172100033</td>
					<td></td>
					<td></td>
				</tr>
				<tr height="34px">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<a name="pingjia"></a>
			<table border="0" cellspacing="0" cellpadding="0" width="1227px" style="margin: 0px auto;" id="tab3">
				<tr height="36px" bgcolor="#F5F5F5"></tr>
				<tr height="35px" bgcolor="#F5F5F5">
					<td width="464px">
						<hr color="#B0B0B0" size="1" />
					</td>
					<td width="300px" align="center" style="font-size: 30px;color: #B0B0B0;">评价晒单</td>
					<td width="460px">
						<hr color="#B0B0B0" size="1" />
					</td>
				</tr>
				<tr height="25px" bgcolor="#F5F5F5">
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<div class="review">
				<p class="ziti">98.2%</p>
				<p class="buy">购买后满意</p>
				<p class="vote">有165名用户投票</p>
			</div>
			<div class="reviews">
				<div class="review-left">
					<div class="review-left-title">
						最有帮助的评价<span style="float:right;font-size: 14px;color: #666666;"><i></i> 只显示带图评价</span>
					</div>
					<div class="review-content" style="border-left: 2px solid #FFAC13;">
						<div class="user-pic">
							<img src="img/spxq/c52c11c915d43e0ac3286161eec4fcaf.jpg" />
						</div>
						<div class="user-context">
							<a href="#">
								<p>完美！语文没学好，实在想不出其它词来形容了。 小米风格的包装，加上飞利</p>
								<p>浦蓝色的标识，看着就放心。 灯泡拿在手里，就两个字，精致，感叹于强强联</p>
								<p>手，大公司风范。 把小白装入小黑，点灯一瞬间，哇，明亮！亮度有点超出我</p>
								<p>的想象。如果不能调光的话，难说我要投诉太亮了，哈哈(#^.^#) 和小米其它产</p>
								<p>品一样，通过米家APP连接设置非常方便，说明书压根就是摆设，不需要看就</p>
								<p>能顺利设置成功的。 调光的操作非常人性化，很简单，上下滑动是明暗，左右</p>
								<p>滑动是黄光白光调节。还预设了四个场景。总之一句话，方便！ 最后特意试了</p>
								<p>一下和小米其它产品的联动，用小米魔方控制毫无问题。 打算再买两个放在老</p>
								<p>妈家用，这么简便的操作，老妈应该也能用</p>
							</a>
						</div>
						<div class="fr"><img src="img/spxq/chaoai.png" /></div>
						<div style="clear: both;"></div>
						<table border="0" cellspacing="0" cellpadding="0" width="335px" style="margin:30px 0px 0px 100px;" height="164px">
							<tr height="84px" valign="top">
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1496928516_1002301_s750_1334wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
								<td width="85px" align="right"><img src="img/spxq/1496928516_8332634_s750_1000wh.jpg" style="display: block;height: 80px;width: 80px;" /></td>
								<td width="85px" align="right"><img src="img/spxq/1496928516_8332058_s750_1000wh.jpg" style="display: block;height: 80px;width: 80px;" /></td>
							</tr>
							<tr height="80px" valign="top">
								<td align="right"><img src="img/spxq/1496928516_1882245_s750_1000wh.jpg" style="display: block;height: 80px;width: 80px;" /></td>
								<td align="right"><img src="img/spxq/1496928516_5428199_s750_1000wh.jpg" style="display: block;height: 80px;width: 80px;" /></td>
							</tr>
						</table>
						<div class="reponse">
							<form action="" method="post">
								<input type="text" name="content" id="" value="" placeholder="回复楼主" class="huifu" />
								<input type="submit" value="回复" class="huifubtn" />
							</form>

						</div>
						<div class="time">
							<span style="float: left;font-size: 14px;color: #B5B5B5;margin-left: 20px;"><span style="margin-right: 18px;">秦剑</span> 2017年6月8日 白色</span>
							<span style="float: right;margin-right: 70px;font-size: 14px;color: #B5B5B5;"><img src="img/spxq/zan.jpg"align="absbottom"/>19</span>
						</div>
						<div>
						</div>

					</div>
					<div class="review-content" style="border-left: 2px solid #83C44E;margin-top: 12px;">
						<div class="user-pic">
							<img src="img/spxq/dPmIRZlNbqv84G_90.jpg" />
						</div>
						<div class="user-context">
							<a href="#">
								<p>很靓很亮，问题是停网了，没wifi了，咋整？ </p>

							</a>
						</div>
						<div class="fr"><img src="img/spxq/chaoai.png" /></div>
						<div style="clear: both;"></div>
						<table border="0" cellspacing="0" cellpadding="0" width="335px" style="margin:10px 0px 0px 100px;" height="164px">
							<tr height="84px" valign="top">
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1498301364_1531697_s720_960wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
								<td width="85px" align="right"></td>
								<td width="85px" align="right"></td>
							</tr>
							<tr height="80px" valign="top">
								<td align="right"></td>
								<td align="right"></td>
							</tr>
						</table>
						<div class="reponse">
							<form action="" method="post">
								<input type="text" name="content" id="" value="" placeholder="回复楼主" class="huifu" />
								<input type="submit" value="回复" class="huifubtn" />
							</form>

						</div>
						<div class="time">
							<span style="float: left;font-size: 14px;color: #B5B5B5;margin-left: 20px;"><span style="margin-right: 18px;">╭や古调弦音一曲成悲┃ </span> 2017年6月24日 白色</span>
							<span style="float: right;margin-right: 70px;font-size: 14px;color: #B5B5B5;"><img src="img/spxq/zan.jpg"align="absbottom"/>4</span>
						</div>

					</div>
					<div class="review-content" style="border-left: 2px solid #2196F3;margin-top: 12px;">
						<div class="user-pic">
							<img src="img/spxq/f790b51a76afd7b41522048fa779d69d.jpg" />
						</div>
						<div class="user-context">
							<a href="#">
								<p>美好的事情就這樣發生了 </p>

							</a>
						</div>
						<div class="fr"><img src="img/spxq/chaoai.png" /></div>
						<div style="clear: both;"></div>
						<table border="0" cellspacing="0" cellpadding="0" width="335px" style="margin:10px 0px 0px 100px;" height="164px">
							<tr height="84px" valign="top">
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1497614870_7609876_s1632_1080wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
								<td width="85px" align="right"></td>
								<td width="85px" align="right"></td>
							</tr>
							<tr height="80px" valign="top">
								<td align="right"></td>
								<td align="right"></td>
							</tr>
						</table>
						<div class="reponse">
							<form action="" method="post">
								<input type="text" name="content" id="" value="" placeholder="回复楼主" class="huifu" />
								<input type="submit" value="回复" class="huifubtn" />
							</form>

						</div>
						<div class="time">
							<span style="float: left;font-size: 14px;color: #B5B5B5;margin-left: 20px;"><span style="margin-right: 18px;">long</span> 2017年6月16日 白色</span>
							<span style="float: right;margin-right: 70px;font-size: 14px;color: #B5B5B5;"><img src="img/spxq/zan.jpg"align="absbottom"/>6</span>
						</div>

					</div>
					<div class="review-content" style="border-left: 2px solid #00C0A5;margin-top: 12px;">
						<div class="user-pic">
							<img src="img/spxq/gZrQPTyBQd2re1_90.jpg" />
						</div>
						<div class="user-context">
							<a href="#">
								<p>非常好，准备再买一个，我是米粉 </p>

							</a>
						</div>
						<div class="fr"><img src="img/spxq/chaoai.png" /></div>
						<div style="clear: both;"></div>
						<table border="0" cellspacing="0" cellpadding="0" width="335px" style="margin:10px 0px 0px 100px;" height="164px">
							<tr height="84px" valign="top">
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1498226531_7353183_s1080_1920wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1498226534_9420680_s1080_1920wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
							</tr>
							<tr height="80px" valign="top">
							</tr>
						</table>
						<div class="reponse">
							<form action="" method="post">
								<input type="text" name="content" id="" value="" placeholder="回复楼主" class="huifu" />
								<input type="submit" value="回复" class="huifubtn" />
							</form>

						</div>
						<div class="time">
							<span style="float: left;font-size: 14px;color: #B5B5B5;margin-left: 20px;"><span style="margin-right: 18px;">李国锋</span> 2017年6月23日 白色</span>
							<span style="float: right;margin-right: 70px;font-size: 14px;color: #B5B5B5;"><img src="img/spxq/zan.jpg"align="absbottom"/>4</span>
						</div>

					</div>
					<div class="review-content" style="border-left: 2px solid #83C44E;margin-top: 12px;">
						<div class="user-pic">
							<img src="img/spxq/c52c11c915d43e0ac3286161eec4fcaf.jpg" />
						</div>
						<div class="user-context">
							<a href="#">
								<p>很不错 </p>

							</a>
						</div>
						<div class="fr"><img src="img/spxq/chaoai.png" /></div>
						<div style="clear: both;"></div>
						<table border="0" cellspacing="0" cellpadding="0" width="335px" style="margin:10px 0px 0px 100px;" height="164px">
							<tr height="84px" valign="top">
								<td width="85px" rowspan="2" colspan="2"><img src="img/spxq/1496925295_4703648_s1040_780wh.jpg" style="display: block;height: 164px;width: 160px;" /></td>
								<td width="85px" align="right"></td>
								<td width="85px" align="right"></td>
							</tr>
							<tr height="80px" valign="top">
								<td align="right"></td>
								<td align="right"></td>
							</tr>
						</table>
						<div class="reponse">
							<form action="" method="post">
								<input type="text" name="content" id="" value="" placeholder="回复楼主" class="huifu" />
								<input type="submit" value="回复" class="huifubtn" />
							</form>

						</div>
						<div class="time">
							<span style="float: left;font-size: 14px;color: #B5B5B5;margin-left: 20px;"><span style="margin-right: 18px;">weishanxiao </span> 2017年6月8日 白色</span>
							<span style="float: right;margin-right: 70px;font-size: 14px;color: #B5B5B5;"><img src="img/spxq/zan.jpg"align="absbottom"/>8</span>
						</div>

					</div>
				</div>

				<div class="review-right">
					<div class="review-right-title">
						最新评价
					</div>
					<div class="review-right-content">
						<div class="leftreview">
							<div class="styledian"style="background-color: #FFAC13;">
                                   
							</div>
							<div class="styleborder">

							</div>
							<div class="styledian"style="background-color: #2196F3;">
                                   
							</div>
							<div class="styleborder">

							</div>
							<div class="styledian"style="background-color: #FFAC13;">
                                   
							</div>
							<div class="styleborder">

							</div>
							<div class="styledian"style="background-color: #E53935;">
                                   
							</div>
							<div class="styleborder">

							</div>
						</div>
						<div class="rightreview">
                             <div class="rightreviewlist">
                             	<ul>
                             		<li class="reviewtime">1小时前</li>
                             		<li><a href="#">不错的东西！</a></li>
                             		<li class="reviewtime">来自于 1177870255<img src="img/search/2017-07-20_140632.png"align="right"/></li>
                             	</ul>
                             </div>
                             <div class="rightreviewlist">
                             	<ul>
                             		<li class="reviewtime">7小时前</li>
                             		<li><a href="#">很好，节能，非常亮 </a></li>
                             		<li class="reviewtime">来自于 944693646<img src="img/search/2017-07-20_140632.png"align="right"/></li>
                             	</ul>
                             </div>
                             <div class="rightreviewlist">
                             	<ul>
                             		<li class="reviewtime">1小时前</li>
                             		<li><a href="#">非常好的灯泡 </a></li>
                             		<li class="reviewtime">来自于 86016193<img src="img/search/2017-07-20_140632.png"align="right"/></li>
                             	</ul>
                             </div>
                             <div class="rightreviewlist">
                             	<ul>
                             		<li class="reviewtime">1小时前</li>
                             		<li><a href="#">很好，一如既往的好 </a></li>
                             		<li class="reviewtime">来自于 1177870255<img src="img/search/2017-07-20_140632.png"align="right"/></li>
                             	</ul>
                             </div>
                             <div class="rightreviewlist">
                             	<ul>
                             		<li class="reviewtime">1小时前</li>
                             		<li><a href="#">灯泡不错棒棒哒，很喜欢 </a></li>
                             		<li class="reviewtime">来自于 1177870255<img src="img/search/2017-07-20_140632.png"align="right"/></li>
                             	</ul>
                             </div>
						</div>

					</div>
				</div>
				<div style="clear: both;"></div>
				<div class="more">
					加载更多
				</div>
			</div>
			<a name="wenti"></a>
			<table border="0" cellspacing="0" cellpadding="0" width="1227px" style="margin: 0px auto;">
				<tr height="36px" bgcolor="#F5F5F5"></tr>
				<tr height="35px" bgcolor="#F5F5F5">
					<td width="464px">
						<hr color="#B0B0B0" size="1" />
					</td>
					<td width="300px" align="center" style="font-size: 30px;color: #B0B0B0;">商品提问</td>
					<td>
						<hr color="#B0B0B0" size="1" />
					</td>
				</tr>
				<tr height="25px" bgcolor="#F5F5F5">
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<div class="problem">
				<div class="problem-form">
					<form action="" method="post">
						<input type="text" name="" id="" value="" class="problem-text" placeholder="输入你的问题" />
						<input type="submit" value="提问" class="problembtn" />
					</form>
				</div>
				<div class="problem-content">
					<div class="problem-content-title">
						<ul class="ul-list">
							<li>
								<a href="#" style="color: #F56600;">最有帮助</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">最新</a>
							</li>
						</ul>
					</div>
					<ul class="problemlist">
						<li style="margin-right: 15px;">
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">您好，这个灯泡除了色温可调，亮度可调吗？</a>
								</p>
								<p>您好，自由调节亮度及色温，您参考下：http://c1.mifile.cn/f</p>
								<p>/i/g/2015/cn-index/flpqpd_03.jpg 感谢您对小米的支持. </p>
							</div>
							<div class="problem-time">
								<p>2017年6月23日</p>
								<p>2017年6月24日</p>
							</div>
						</li>
						<li>
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">这个灯泡可以单独的脱离网关工作吗？（也就</a>
								</p>
								<p>您好，可以使用WiFi。感谢您对小米的支持。 </p>
							</div>
							<div class="problem-time">
								<p>2017年6月16日</p>
								<p>2017年6月16日</p>
							</div>
						</li>
						<li style="margin-right: 15px;">
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">输入电压规格110V-240V吗</a>
								</p>
								<p>您好，工作电压：220-240VAC，感谢您对小米的支持。 </p>
							</div>
							<div class="problem-time">
								<p>2017年6月10日</p>
								<p>2017年6月11日</p>
							</div>
						</li>
						<li>
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">配合什么灯具使用呢</a>
								</p>
								<p>您好，灯具接口：E27 的就可以。感谢您对小米的支持。 </p>
							</div>
							<div class="problem-time">
								<p>2017年6月6日</p>
								<p>2017年6月7日</p>
							</div>
						</li>
						<li style="margin-right: 15px;">
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">这个灯泡是几瓦的？页面上好像并没有标明。</a>
								</p>
								<p>您好，额定功率：6.5W（6颗×0.37W CW 6颗×0.37W </p>
								<p>WW/LED模块） 。感谢您对小米的支持。 </p>
							</div>
							<div class="problem-time">
								<p>2017年6月6日</p>
								<p>2017年6月7日</p>
							</div>
						</li>
						<li>
							<div class="zan-pic">

							</div>
							<div class="problems">
								<p>
									<a href="#" style="font-size: 16px;">总功率是几瓦的啊</a>
								</p>
								<p>您好，额定功率：6.5W（6颗×0.37W CW 6颗×0.37W</p>
								<p>WW/LED模块） 。感谢您对小米的支持。</p>
							</div>
							<div class="problem-time">
								<p>2017年6月6日</p>
								<p>2017年6月7日</p>
							</div>
						</li>
					</ul>
					<div style="clear: both;border: 0px;"></div>
					<div class="problemmore">
						查看全部11条已回答的问题
					</div>
				</div>

			</div>
			<div id="tuijiantab">
				<table border="0" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<td>
							<hr width="373px" color="#E0E0E0" size="1" />
						</td>
						<td>买过该商品的人还买了</td>
						<td align="right">
							<hr width="373px" color="#E0E0E0" size="1" />
						</td>
					</tr>
				</table>
				<div class="tuijian">
					<div class="ullist">
						<ul id="tuijianlist">
							<li>
								<a href="#"><img src="img/search/pms_1469583247.6157588.jpg" /></a>
								<p>
									<a href="#">小米笔记本Air 13.3英寸</a>
								</p>
								<p class="tuiprice">4999元</p>
								<p class="remark">1.1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1474859997.10825620.jpg" /></a>
								<p>
									<a href="#">小米手环2</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">17万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1490949492.24196486.jpg" /></a>
								<p>
									<a href="#">米家运动鞋(职能版)男款</a>
								</p>
								<p class="tuiprice">249元</p>
								<p class="remark">1.3万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1487824962.01314237.jpg" /></a>
								<p>
									<a href="#">小米无人机4K版套装</a>
								</p>
								<p class="tuiprice">2999元</p>
								<p class="remark">488人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1472609961.95298675.jpg" /></a>
								<p>
									<a href="#">米家扫地机器人</a>
								</p>
								<p class="tuiprice">1699元</p>
								<p class="remark">1.1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1475052168.43877575.jpg" /></a>
								<p>
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="tuiprice">6499元</p>
								<p class="remark"></p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1477389928.07792706.jpg" /></a>
								<p>
									<a href="#">Amazifit运动手表</a>
								</p>
								<p class="tuiprice">799元</p>
								<p class="remark">5866人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/T1cvD_BQAv1RXrhCrK.jpg" /></a>
								<p>
									<a href="#">小米路由器3</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">9.5万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1488338229.6467773.jpg" /></a>
								<p>
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="tuiprice">349元</p>
								<p class="remark">6565人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1481507050.2285518.jpg" /></a>
								<p>
									<a href="#">小米米家电动滑板车</a>
								</p>
								<p class="tuiprice">1999元</p>
								<p class="remark">2206万人好评</p>
							</li>
						</ul>
					</div>
					<div class="dianji">
						<i class="active"></i>
						<i></i>
					</div>
				</div>
			</div>
			<div style="margin-bottom: 60px;"></div>
		</div>

		<div id="footer">
			<div class="footer_1">
				<ul>
					<li class="li1">
						<a href="#">预约维修服务</a>
					</li>
					<li class="li2">
						<a href="#">7天无理由退货</a>
					</li>
					<li class="li3">
						<a href="#">15天免费换货</a>
					</li>
					<li class="li4">
						<a href="#">满150元包邮</a>
					</li>
					<li class="li5">
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="footer_2">
				<dl>
					<dt><a href="#">帮助中心</a></dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl>

					<dt><a href="#">服务支持</a></dt>
					<dd>
						<a href="#">售后政策</a>
					</dd>
					<dd>
						<a href="#">自助服务</a>
					</dd>
					<dd>
						<a href="#">相关下载</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">线下门店</a></dt>
					<dd>
						<a href="#">小米之家</a>
					</dd>
					<dd>
						<a href="#">服务网点</a>
					</dd>
					<dd>
						<a href="#">零售网点</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">关于小米</a></dt>
					<dd>
						<a href="#">了解小米</a>
					</dd>
					<dd>
						<a href="#">加入小米</a>
					</dd>
					<dd>
						<a href="#">联系我们</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">关注我们</a></dt>
					<dd>
						<a href="#">新浪微博</a>
					</dd>
					<dd>
						<a href="#">小米部落</a>
					</dd>
					<dd>
						<a href="#">官方微博</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">特色服务</a></dt>
					<dd>
						<a href="#">F码通道</a>
					</dd>
					<dd>
						<a href="#">礼物码</a>
					</dd>
					<dd>
						<a href="#">防伪查询</a>
					</dd>
				</dl>
				<div class="phone fr">
					<p class="number">400-100-5678</p>
					<p>周一至周日 8:00-18:00</p>
					<p>（仅收市话费）</p>
					<p class="hourpic"></p>
				</div>
			</div>
		</div>
		<div class="bg">
			<div class="footer_3 ">
				<div class="fl"><img src="img/SY/logo.png" align="center" /></div>
				<div class="fl footer_4">
					<ul>
						<li>
							<a href="#">小米商城</a>|</li>
						<li>
							<a href="#">MIUI</a>|</li>
						<li>
							<a href="#">米聊</a>|</li>
						<li>
							<a href="#">多看书城</a>|</li>
						<li>
							<a href="#">小米路由器</a>|</li>
						<li>
							<a href="#">视频电话</a>|</li>
						<li>
							<a href="#">小米淘宝直营店</a>|</li>
						<li>
							<a href="#">小米网盟</a>|</li>
						<li>
							<a href="#">小米移动</a>|</li>
						<li>
							<a href="#">隐私政策</a>|</li>
						<li>
							<a href="#">Select Region</a>|</li>
					</ul>
					<div style="clear: both;"></div>
					<p>
						<a href="#">&copy;mi.com</a>
						<a href="#">京ICP证110507号</a>
						<a href="#">京ICP备10046444号</a>
						<a href="#">京公网安备11010802020134号</a>
						<a href="#">京网文[2014]0059-0009号</a>
					</p>
					<p>违法和不良举报信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验测试</p>
				</div>
				<div class="fr">
					<img src="img/cart/truste.png" width="85px" />
					<img src="img/cart/v-logo-2.png" />
					<img src="img/cart/v-logo-1.png" />
					<img src="img/cart/v-logo-3.png" />
				</div>

			</div>

		</div>
		<script type="text/javascript">
			function closeproduct() {
				var uls = document.querySelectorAll("#titlehover ul");
				for(var i = 0; i < uls.length; i++) {
					uls[i].style.display = "none";
				}
			}

			function showproduct(id) {
				var uls = document.querySelectorAll("#titlehover ul");
				for(var i = 0; i < uls.length; i++) {
					uls[i].style.display = "none";
				}
				//				var left = document.querySelector(".leftnav");
				//				left.style.display = "none";
				document.getElementById(id).style.display = "block";
			}

			function showpicture(id, t) {
				var bigpics = document.querySelectorAll(".bigpic li");
				var lis = document.querySelectorAll(".littlepic li");
				for(var i = 0; i < bigpics.length; i++) {
					bigpics[i].style.display = "none";
				}
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.border = "1px solid #E0E0E0";
				}
				document.getElementById(id).style.display = "block";
				t.style.border = "1px solid #FF6700";
			}

			function show1() {
				var tubiao = document.getElementById("zn");
				tubiao.style.color = "#FF6700";
				tubiao.style.background = "url(img/spxq/zhinenghover.png) left center no-repeat"
			}

			function show3() {
				var tubiao = document.getElementById("zn");
				tubiao.style.color = "#757575";
				tubiao.style.background = "url(img/spxq/zhineng.png) left center no-repeat"
			}
			var imglist = document.getElementById("imglist");
			var tab1 = document.getElementById("tab1");
			var tab2 = document.getElementById("tab2");
			var tab3 = document.getElementById("tab3");
			var reviews = document.querySelector(".reviews");
			var review = document.querySelector(".review");
			var lis = document.querySelectorAll(".contentlist,a")

			function show4(t) {
				imglist.style.display = "block";
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.color = "#757575";
				}
				t.style.color = "#FF6700";
			}

			function show5(t) {
				imglist.style.display = "none";
				tab1.style.display = "block";
				tab2.style.display = "block";
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.color = "#757575";
				}
				t.style.color = "#FF6700";
			}

			function show6(t) {
				imglist.style.display = "none";
				tab1.style.display = "none";
				tab2.style.display = "none";
				review.style.display = "block";
				reviews.style.display = "block";
				tab3.style.display = "block";
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.color = "#757575";
				}
				t.style.color = "#FF6700";
			}

			function show7(t) {
				imglist.style.display = "none";
				tab1.style.display = "none";
				tab2.style.display = "none";
				review.style.display = "none";
				reviews.style.display = "none";
				tab3.style.display = "none";
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.color = "#757575";
				}
				t.style.color = "#FF6700";
			}
              window.onscroll=function(){
				var nav=document.getElementById("xiangqingnav");
				if(document.body.scrollTop) {
					scrolltop = document.body.scrollTop
				} else {
					scrolltop = document.documentElement.scrollTop;
				}
                if(scrolltop>=827){
                	nav.style.display="block";
                }
                else{
                	nav.style.display="none";
                }
			}
			function showaddr() {
				var addr = document.getElementById("showaddr");
				addr.style.display = "block";
				var tfoot = document.getElementById("tfoot");
				tfoot.style.display = "block";
			}
			document.querySelector(".back").onclick = function() {
				var addr = document.getElementById("showaddr");
				addr.style.display = "none";

			}
			document.getElementById("addrestxt").onclick = function() {
				var tfoot = document.getElementById("tfoot");
				tfoot.style.display = "none";
			}
			document.querySelector(".autochoose").onclick = function() {
				var tab = document.querySelector(".tab");
				tab.style.display = "none";
				var addxq = document.querySelector(".addrxq");
				addxq.style.display = "block";
			}
			document.querySelector(".addrxq-foot").onclick = function() {
				var tab = document.querySelector(".tab");
				tab.style.display = "block";
				var addxq = document.querySelector(".addrxq");
				addxq.style.display = "none";
			}

			function showpic(id) {
				var bigimgs = document.querySelectorAll(".bigimg li");
				for(var i = 0; i < bigimgs.length; i++) {
					bigimgs[i].style.display = "none";
				}
				document.getElementById(id).style.display = "block";
				var showpic = document.getElementById("showpic");
				showpic.style.display = "block";
				var s = setInterval(function moveup() {
					var top1 = -200;
					var bigimg1 = document.getElementById(id);
					if(document.defaultView.getComputedStyle(bigimg1, null).top){
						var img1 = parseFloat(document.defaultView.getComputedStyle(bigimg1, null).top);
						var img2 = parseFloat(document.defaultView.getComputedStyle(bigimg1, null).left);
					}
					else{
						var img1=parseFloat(bigimg1.currentStyle.top);
						var img2=parseFloat(bigimg1.currentStyle.left);
					}
					var left = 170;
					
					if(img1 <= 180 && img2 >= 260) {
						clearInterval(s);
					} else {
						bigimg1.style.top = img1 + top1 + "px";
						bigimg1.style.left = img2 + left + "px";
					}
				}, 200);
			}
			document.querySelector(".showpic-black").onclick = function() {
				var showpic = document.getElementById("showpic");
				showpic.style.display = "none";

			};

			function show2(id, t) {
				var bigpics = document.querySelectorAll(".bigpic li");
				var lis = document.querySelectorAll(".show-littlepic div");
				for(var i = 0; i < bigpics.length; i++) {
					bigpics[i].style.display = "none";
				}
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.border = "1px solid #E0E0E0";
				}
				document.getElementById(id).style.display = "block";
				t.style.border = "1px solid #FF6700";
			}

			showimg();

			function showimg() {
				imgArr2 = ["img/spxq/pms_1496647119.81414190!482x482.jpg", "img/spxq/pms_1496647122.3582338!482x482.jpg", "img/spxq/pms_1496647119.71529790!482x482.jpg"];
				var showimg1 = document.getElementById("showimg1");
				var index = 0;
				showimg1.src = imgArr2[index];
				var left = document.querySelector(".left-prve");
				var right = document.querySelector(".right-prve");
				left.addEventListener("click", function() {
					index--;
					if(index <= 0) {
						index = 0
					}
					showimg1.src = imgArr2[index];
					checkedIndex(index);
				});
				right.addEventListener("click", function() {
					index++;
					if(index > imgArr2.length - 1) {
						index = mgArr2.length - 1;
					}
					showimg1.src = imgArr2[index];
					checkedIndex(index);
				});
				var littlepic = document.querySelectorAll(".show-littlepic div");
				for(var i = 0; i < littlepic.length; i++) {
					littlepic[i].setAttribute("index", i);
					littlepic[i].addEventListener("click", function() {
						showimg1.src = imgArr2[this.getAttribute("index")];
						checkedIndex(this.getAttribute("index"));
					});
				}

				function checkedIndex(index) {
					for(var i = 0; i < littlepic.length; i++) {
						littlepic[i].style.border = "1px solid #E0E0E0";
					}
					littlepic[index].style.border = "1px solid #FF6700";
				}
			}
			showimg1();

			function showimg1() {
				imgArr1 = ["img/spxq/pms_1496647119.81414190!482x482.jpg", "img/spxq/pms_1496647122.3582338!482x482.jpg", "img/spxq/pms_1496647119.71529790!482x482.jpg"];
				var showimg2 = document.getElementById("showimg2");
				var index = 1;
				showimg2.src = imgArr1[index];
				var left = document.querySelector(".left-prve");
				var right = document.querySelector(".right-prve");
				left.addEventListener("click", function() {
					index--;
					if(index <= 0) {
						index = 0
					}
					showimg2.src = imgArr1[index];
					checkedIndex(index);
				});
				right.addEventListener("click", function() {
					index++;
					if(index > imgArr1.length - 1) {
						index = imgArr1.length - 1;
					}
					showimg2.src = imgArr1[index];
					checkedIndex(index);
				});
				var littlepic = document.querySelectorAll(".show-littlepic div");
				for(var i = 0; i < littlepic.length; i++) {
					littlepic[i].setAttribute("index", i);
					littlepic[i].addEventListener("click", function() {
						showimg2.src = imgArr1[this.getAttribute("index")];
						checkedIndex(this.getAttribute("index"));
					});
				}
				showimg3();

				function showimg3() {
					imgArr3 = ["img/spxq/pms_1496647119.81414190!482x482.jpg", "img/spxq/pms_1496647122.3582338!482x482.jpg", "img/spxq/pms_1496647119.71529790!482x482.jpg"];
					var showimg3 = document.getElementById("showimg3");
					var index = 2;
					showimg3.src = imgArr3[index];
					var left = document.querySelector(".left-prve");
					var right = document.querySelector(".right-prve");
					left.addEventListener("click", function() {
						index--;
						if(index <= 0) {
							index = 0
						}
						showimg3.src = imgArr3[index];
						checkedIndex(index);
					});
					right.addEventListener("click", function() {
						index++;
						if(index > imgArr3.length - 1) {
							index = imgArr3.length - 1;
						}
						showimg3.src = imgArr3[index];
						checkedIndex(index);
					});
					var littlepic = document.querySelectorAll(".show-littlepic div");
					for(var i = 0; i < littlepic.length; i++) {
						littlepic[i].setAttribute("index", i);
						littlepic[i].addEventListener("click", function() {
							showimg3.src = imgArr3[this.getAttribute("index")];
							checkedIndex(this.getAttribute("index"));
						});
					}
				}
			}
				function show(t, id) {
				var li = t.parentNode.parentNode;
				var bigimgs = li.children[2].children;
				for(var i = 0; i < bigimgs.length; i++) {
					bigimgs[i].style.display = "none";
				}
				var span = li.children[5].children;
				for(var i = 0; i < span.length; i++) {
					span[i].style.border = "1px solid #E0E0E0";
				}
				document.getElementById(id).style.display = "block";
				t.style.border = "1px solid #FF6700";
			}
			var ul = document.getElementById("tuijianlist");
			var is = document.querySelectorAll(".dianji i");
			for(var i = 0; i < is.length; i++) {
				is[i].setAttribute("index", i);
				is[i].addEventListener("click", function() {
					var left = parseFloat(document.defaultView.getComputedStyle(ul, null).left);
					if(this.getAttribute("index") == 1) {
							ul.style.animation = "move1 0.5s";
							ul.style.left = -1227 + "px";
						
					}  else if(this.getAttribute("index") == 0) {
							ul.style.animation = "move2 0.5s";
							ul.style.left = 0 + "px";
						 
					}
					iactive(this.getAttribute("index"));
				});
			}

			function iactive(index) {
				for(var i = 0; i < is.length; i++) {
					is[i].removeAttribute("class");
				}
				is[index].className = "active";
			}
		</script>
	</body>

</html>